.el-table {
  color: var(--cbs-table-color);
  cursor: pointer;

  // 鼠标hover时 行样式
  &__body tr:hover > td {
    background-color: #e2e2e2 !important;
  }

  // 表头样式
  &__header .el-table__cell {
    font-weight: 700;
    color: #000;
    background-color: #f1f4f6 !important;
  }

  // 表身单元格的内边距
  &__body .el-table__cell {
    padding: 4px;
  }

  // 此样式是为了避免设置溢出属性后单元格不居中
  &__cell .cell {
    width: 100% !important;
  }

  // 汇总栏的样式
  &__footer-wrapper {
    .el-table__footer {
      .el-table__cell {
        padding: 0.3rem 0;
        background-color: var(--cbs-primary-color);
        color: var(--cbs-color-fff);
      }
    }
  }

  // 表身滚动条样式
  &__body-wrapper {
    .el-scrollbar__bar.is-horizontal {
      height: 0.6rem;

      .el-scrollbar__thumb {
        background-color: #c1c1c1;
        --el-scrollbar-opacity: 1;
      }
    }
  }

  .warning-row {
    background-color: #dfeeff !important;
  }

  .success-row {
    background-color: #ffd5d5 !important;
    .el-table__cell {
      background-color: #ffd5d5 !important;
    }
  }

  .warning-row-color {
    color: red;
  }

  .success-row-color {
    color: blue;
  }
  .cell {
    padding: 0 0.3rem;
  }
}

// el-dialog样式
.el-dialog {
  &__title {
    font-size: 14px;
  }

  &__body {
    padding: 10px;
    background: #f1f4f6;
  }

  &__footer {
    background-color: #ffffff;
  }

  // 当弹窗中存在关键的表格信息
  &:has(.ps_table_edit) {
    color: pink;
    display: flex !important;
    flex-direction: column !important;
    height: 70% !important;

    .el-dialog__body {
      display: flex;
      flex-direction: column;
      flex: 1;
      overflow: hidden;
    }
  }

  &:has(.el-tabs) {
    .el-tabs {
      height: 100%;
      display: flex;
      flex-direction: column;

      .el-tabs__content {
        flex: 1;

        .el-tab-pane {
          height: 100%;
          display: flex;
          flex-direction: column;
        }
      }
    }
  }
}

// el-description描述列表
.el-descriptions {
  .el-descriptions__cell.el-descriptions__label {
    color: #000;
  }

  &__header .el-descriptions__title {
    width: 100%;
  }
}

// el-form表单
.el-form {
  &-item__label {
    color: var(--cbs-table-color);
  }
}

// element-plus遮罩的样式
.el-overlay {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
